<!DOCTYPE html>
<html ng-app="RongIMDemo">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <meta name="full-screen" content="yes">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <title>融云 Demo - Web SDK</title>
    <meta name="keywords"
          content="融云,即时通讯,即时通讯云,即时通信云,移动 IM,开源 IM,IM 云服务,即时聊天软件,VOIP,移动客服,在线客服,免费,App 开发者服务，融云 Demo ，Web Demo，即时通讯 Demo"/>
    <meta name="description" content="融云 Web Demo 下载体验！"/>
    <link href="static/css/main.css?v=2" rel="stylesheet">
    <link rel="shortcut icon" href="favicon.ico">
</head>
<body class="container">
<div class="bro_notice"
     style="z-index:1000;width:100%;position:fixed; background-color: #FCF8E3; color: #000;text-align: center;margin: 0 auto;display: none;">
    <p>Web SDK Demo 正处于测试阶段，部分浏览器会有兼容问题，有问题请您 <a style="color: #428BCA;"
                                                 href="https://developer.rongcloud.cn/ticket/create" target="_blank">提工单反馈。</a>
        此 Demo 只做 Web SDK 演示，只截取部分好友显示。
    </p>
</div>
<div class="wrap">
    <div class="left">
        <div class="dialog_header header">
                    <span class="owner_image">
                        <img RCTarget="owner.portrait" onerror="this.src='static/images/personPhoto.png'"/>
                    </span>
                    <span class="owner_name" RCTarget="owner.name">
                    </span>
                    <span class="setting">
                        <a href="javascript:void(0)" id="setting"><label></label> </a>
                    </span>
        </div>
        <div class="phone_dialog_header header">
                    <span class="logOut">
                        <a href="javascript:void(0)" ng-click="logout()" title="退出"></a>
                    </span>
                    <span class="addrBtnBack btnBack">
                        <a href="javascript:void(0)" title="返回">＜ 返回</a>
                    </span>
            融云
                    <span class="addrBtn">
                        <a href="javascript:void(0)" title="联系人"></a>
                    </span>
        </div>
        <div class="settingView">
            <!--<span class="volSetting"><span class="hover" id="createDiscussion">创建讨论组</span></span>-->
            <hr>
            <span class="volSetting"><span class="hover" id="closeVoice">关闭声音</span></span>
            <hr>
            <span class="logOut"><span id="close" class="hover">退出登录</span></span>
        </div>
        <div class="listOperatorContent">
            <div class="conversationBtn">
                <a href="javascript:void(0)" title="聊天"><span><font id="totalunreadcount" class="msgNum"
                                                                    style="display:none;"></font></span></a>
            </div>
            <div class="cutOffRule" style="width: 2px;"></div>
            <div class="addrBtn selected">
                <a href="javascript:void(0)" title="通讯录"><span></span></a>
            </div>
        </div>
        <div class="listConversation list" style="display:none ;">
            <ul id="conversationlist">

            </ul>
        </div>
        <div class="listAddr list" style="">
            <div class="nameInitials">群组</div>
            <ul>
                <li targetId="group001" targetName="融云群一" targetType="3">
                    <span class="user_img"><img src="static/images/user.png"/></span>
                    <span class="user_name">融云群一</span>
                </li>
                <li targetId="group002" targetName="融云群二" targetType="3">
                    <span class="user_img"><img src="static/images/user.png"/> </span>
                    <span class="user_name">融云群二</span>
                </li>
                <li targetId="group003" targetName="融云群三" targetType="3">
                    <span class="user_img"><img src="static/images/user.png"/> </span>
                    <span class="user_name">融云群三</span>
                </li>
            </ul>
            <div class="nameInitials">客服</div>
            <ul>
                <li targetId="kefu114" targetName="融云客服" targetType="1">
                    <span class="user_img"><img src="static/images/user.png"/></span>
                    <span class="user_name">融云客服</span>
                </li>
            </ul>
            <div class="nameInitials">聊天室</div>
            <ul id="discussionRoom">
                <li targetId="chatroom001" targetName="聊天室" targetType="0">
                    <span class="user_img"><img src="static/images/user.png"/></span>
                    <span class="user_name">聊天室</span>
                </li>
            </ul>
            <div class="nameInitials">讨论组</div>
            <ul id="discussion">

            </ul>
            <div class="nameInitials">好友列表</div>
            <ul id="friendsList">

            </ul>
        </div>
    </div>
    <div class="right_box" style="display:none ;">
        <div class="right" style="position: relative">
            <div class="dialog_box_header header">
                <a href="javascript:void(0)" class="btnBack">＜ 返回 <label></label></a>
                <span id="conversationTitle"></span>
            </div>
            <div id="notice"
                 style="z-index: 1000;display: none;width: 100%;height: 30px;background: #ffffff;position: absolute;border: solid 1px #ccc;text-align: center;line-height: 30px;">

            </div>
            <div class="dialog_box">

            </div>
            <div class="msg_box">
                <div class="features">
                            <span class="expression">
                                <a href="javascript:void(0)" id="RongIMexpression" title="表情"></a>
                            </span>
                </div>
                <div class="input_box">
                    <div class="button_box">
                        <div id="expresscontent"></div>
                        <span><button id="send">发送</button></span>
                        <span><font>Ctrl + Enter</font></span>
                    </div>
                    <div class="text_box">
                        <textarea class="textarea" id="mainContent" style="resize: none"></textarea>
                    </div>
                </div>
                <div class="RongIMexpressionWrap"></div>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    © 2015 Rong Cloud. V 0.9.10
</div>
</body>
<script src='static/js/jquery-1.8.2.min.js'></script>
<script src='static/js/jquery.nicescroll.js?v=2'></script>
<!--<script src="http://res.websdk.rongcloud.net/RongIMClient.js"></script>-->
<script src="http://res.websdk.rongcloud.cn/RongIMClient-0.9.11.min.js"></script>
<script src="static/js/engine.js"></script>
<script src="http://res.websdk.rongcloud.cn/RongIMClient.voice-0.9.1.min.js"></script>
<script src="http://res.websdk.rongcloud.cn/RongIMClient.emoji-0.9.2.min.js"></script>
<script src="static/js/common.js"></script>
<audio style="width: 0px;height: 0px;display: none;" src="static/images/sms-received.mp3" controls="controls">
</audio>
</html>
